﻿@using ABC.Controllers.ViewModels
@using ABC.Core.Extentions
@model ABC.Controllers.ViewModels.My.News.NewsItemViewModel
@{
    ViewBag.Title = "News";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<div class="row-fluid">
    @{Html.RenderPartial("_NewsLeftMenu");}
    <div class="span9">
        <div class="page-header">
            <h1>
                @Model.Item.Title</h1>
        </div>
        <!--// Полная новость  -->
        <div class="post-full-item">
            <div class="post-full-content">
                @if (Model.Item.HeaderImage != "0")
                {
                    <p>
                        <img src="@Url.Image(Model.Item.HeaderImage)" style="max-height: 400px;max-width: 100%;">
                    </p>
                }
                <p>@Model.Item.Announcement</p>
                <a name="post-cut"></a>
                <!--Ограничитель короткой новости-->
                @Html.Raw(Model.Item.Content)
            </div>
            <div class="post-full-infopanel">
                <ul class="tags">
                    <li><i class="icon-tags"></i></li>
                    @for (var i = 0; i < Model.Item.Tags.Length; i++)
                    {
                        <li><a href="@Url.Action("Index", "News", new { id = "", tag = Model.Item.Tags[i] })">@Model.Item.Tags[i]</a>@if (i < Model.Item.Tags.Length - 1)
                                                                                                                                     {<span>,</span>}</li>
                    }
                </ul>
                <ul class="info">
                    <li>@Model.Item.TimeOfPublication.ToString("dd MMMM yyyy в HH:mm")</li>
                    <li><i class="icon-star-empty"></i><a href="#">Добавить в избранное</a></li>
                </ul>
            </div>
        </div>
        <!-- Полная новость //-->
        <!--// Блок комментариев -->
        <div id="comments">
            <div class="comment-title">
                <h2>
                    <i class="icon-comment"></i>Комментарии <span class="badge badge-info">8</span></h2>
            </div>
            <div class="comment-subscription">
                <label class="checkbox inline">
                    <input id="risk-02" type="checkbox" name="optionsCheckboxList2" value="option2">Отслеживать
                    новые комментарии
                </label>
            </div>
            <div class="comment-content">
                <ul class="comment-item level-1">
                    <li class="avatar">
                        <img src="http://placehold.it/28x28" alt=""></li>
                    <li class="autor"><a href="#">Екатерина Удальцова</a></li>
                    <li class="date">18 мая 2012 16:42</li>
                    <li class="comment-body">
                        <p>
                            Хорошие показатели! Желаю вам успехов в данном направлении!</p>
                    </li>
                    <li class="reply"><a href="#">Ответить</a></li>
                    <li>
                        <ul class="comment-item level-2">
                            <li class="avatar">
                                <img src="http://placehold.it/28x28" alt=""></li>
                            <li class="autor"><a href="#">Отец Олег</a></li>
                            <li class="date">18 мая 2012 16:50</li>
                            <li class="comment-body">
                                <p>
                                    Эи показатели достигнуты с помощью нас! Одумайтесь, сестра!</p>
                            </li>
                            <li class="reply"><a href="#">Ответить</a></li>
                            <li>
                                <ul class="comment-item level-3">
                                    <li class="avatar">
                                        <img src="http://placehold.it/28x28" alt=""></li>
                                    <li class="autor"><a href="#">Екатерина Удальцова</a></li>
                                    <li class="date">18 мая 2012 16:53</li>
                                    <li class="comment-body">
                                        <p>
                                            Олег, иди ты на фиг!</p>
                                    </li>
                                    <li class="reply"><a href="#">Ответить</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="comment-item level-1">
                    <li class="avatar">
                        <img src="http://placehold.it/28x28" alt=""></li>
                    <li class="autor"><a href="#">Нострадамус</a></li>
                    <li class="date">18 мая 2012 10:53</li>
                    <li class="comment-body">
                        <p>
                            Благая весть будет озвучена здесь скоро.</p>
                    </li>
                    <li class="reply">
                        <div class="comment-post">
                            <form>
                            <textarea class="comment-form" id="comment-reply" placeholder="" rows="3"></textarea>
                            <button class="btn btn-primary">
                                Написать</button>
                            </form>
                        </div>
                        <a href="#">Ответить</a></li>
                </ul>
            </div>
            <div class="comment-post">
                <form>
                <label class="control-label" for="comment-addcomment">
                    <h3>
                        Написать комментарий</h3>
                </label>
                <textarea class="comment-form" id="comment-addcomment" placeholder="" rows="3"></textarea>
                <button class="btn btn-primary">
                    Написать</button>
                </form>
            </div>
        </div>
        <!-- //-->
    </div>
</div>
